<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>CSLN 门户网站</title>
  <link rel="icon" type="image/png" sizes="16x16" href="img/icon-logo.png">
  <link rel="stylesheet" href="css/style.css">
  <script src="js/jquery.min.js"></script>
  <script src="js/jq.js"></script>
  <script src="js/raphael.js"></script>
  <script src="js/idangerous.swiper.min.js"></script>
  <script src="js/ES5/script.js"></script>
  <script src="js/map.js"></script>
</head>

<body>
  <div class="header">
    <div class="topframe">
      <div class="cslnnet">
        <a href="http://www.csln.net" title="网图首页">网图首页</a>
      </div>
      <div class="rightbar">
        <div class="login">
          <div class="login-wrap">
            <!-- .login-status-out登录后结构 -->
            <div class="login-status-in">
              <a href="javascript:;" class="statusin-username">管理员</a>
              <a href="javascript:;" class="exit">安全退出</a>
              <ul class="statusin-window">
                <li class="list-item"><a href="javascript:;">我的图书馆</a></li>
                <li class="list-item"><a href="javascript:;">我的消息<span>(0)</span></a></li>
                <li class="list-item"><a href="javascript:;">其他菜单</a></li>
                <li class="list-item"><a href="javascript:;">其他菜单</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="searchpage lb1">
          <div class="searchpage-wrap">
            <form action="" method="get">
              <input type="text" placeholder="查找页面内容">
              <input type="submit" value="搜索">
            </form>
          </div>
        </div>
        <div class="weixin lb1">
          <div class="weixin-wrap">
            <a href="javascript:;" class="btn-weixin">微信公众号</a>
            <div class="weixin-window">
              <img src="./img/CSLNNET.png" alt="CSLNNET">
              <p>扫码关注我的图书馆</p>
            </div>
          </div>
        </div>
        <div class="sitemap lb1">
          <div class="sitemap-wrap">
            <a href="javascript:;" class="btn-sitemap" title="网站地图">网站地图</a>
            <div class="sitemap-window">
              <div class="normal-wrap">
                <ul class="sitemap-row">
                  <li class="first-item sitemap-row-list"><a href="javascript:;">新闻</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">国内</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">国际</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">图片</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">评论</a></li>
                </ul>
                <ul class="sitemap-row">
                  <li class="first-item sitemap-row-list"><a href="javascript:;">行业</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">行情</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">新规</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">政策</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">文化</a></li>
                </ul>
                <ul class="sitemap-row">
                  <li class="first-item sitemap-row-list"><a href="javascript:;">科技</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">软件</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">硬件</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">历史</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">探索</a></li>
                </ul>
                <ul class="sitemap-row">
                  <li class="first-item sitemap-row-list"><a href="javascript:;">教育</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">学习</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">讲座</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">视频</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">公益</a></li>
                </ul>
                <ul class="sitemap-row">
                  <li class="first-item sitemap-row-list"><a href="javascript:;">推荐</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">图书馆</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">图书</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">活动</a></li>
                </ul>
                <ul class="sitemap-row">
                  <li class="first-item sitemap-row-list"><a href="javascript:;">交流</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">技术</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">QQ</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">服务</a></li>
                  <li class="sitemap-row-list"><a href="javascript:;">BBS</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="bottomframe">
      <div class="normal-wrap">
        <div class="data-left">
          <span>注册图书馆：</span>
          <em>5,820</em>
          <span>读者总数：</span>
          <em>6,141,152</em>
          <span>典藏册数：</span>
          <em>131,818,817</em>
        </div>
        <div class="data-right">
          <span>昨日借书数：</span>
          <em>119,526</em>
          <span>昨日阅览室签到人数：</span>
          <em>19,381</em>
          <span>昨日总访问量：</span>
          <em>1,117,619</em>
        </div>
      </div>
    </div>
  </div>
  <div class="content">
    <div class="normal-wrap">
      <h1><a href="index.html">中国专业图书馆网</a></h1>
      <div class="topnav">
        <ul class="topnav-sort">
          <li class="list-header list-item"><a href="javascript:;">新闻</a></li>
          <li class="list-item"><a href="javascript:;">图行</a></li>
          <li class="list-item"><a href="javascript:;">网企</a></li>
        </ul>
        <ul class="topnav-sort">
          <li class="list-header list-item"><a href="javascript:;">图片</a></li>
          <li class="list-item"><a href="javascript:;">风采</a></li>
          <li class="list-item"><a href="javascript:;">文化</a></li>
        </ul>
        <ul class="topnav-sort">
          <li class="list-header list-item"><a href="javascript:;">推荐</a></li>
          <li class="list-item"><a href="javascript:;">图书</a></li>
          <li class="list-item"><a href="javascript:;">图馆</a></li>
        </ul>
        <ul class="topnav-sort">
          <li class="list-header list-item"><a href="javascript:;">科技</a></li>
          <li class="list-item"><a href="javascript:;">系统</a></li>
          <li class="list-item"><a href="javascript:;">设备</a></li>
        </ul>
        <ul class="topnav-sort">
          <li class="list-header list-item"><a href="javascript:;">论坛</a></li>
          <li class="list-item"><a href="javascript:;">BBS</a></li>
          <li class="list-item"><a href="javascript:;">博客</a></li>
        </ul>
        <ul class="topnav-sort">
          <li class="list-header list-item"><a href="javascript:;">资源</a></li>
          <li class="list-item"><a href="javascript:;">读者</a></li>
          <li class="list-item"><a href="javascript:;">网图</a></li>
        </ul>
        <ul class="topnav-sort">
          <li class="list-header list-item"><a href="javascript:;">技术</a></li>
          <li class="list-item"><a href="javascript:;">服务</a></li>
          <li class="list-item"><a href="javascript:;">支持</a></li>
        </ul>
        <ul class="topnav-sort">
          <li class="list-header list-item"><a href="javascript:;">交流</a></li>
          <li class="list-item"><a href="javascript:;">QQ</a></li>
          <li class="list-item"><a href="javascript:;">微信</a></li>
        </ul>
      </div>

      <div class="maincontent">
        <div class="top-wrap">
          <div class="left-wrap">
            <!-- 图片滑动模块 -->
            <div class="swiper-container swiper-container1">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <a href="javascript:;">
                    <div class="figure">
                      <!-- 请放入380X320px的图片，不然图片会被拉伸 -->
                      <img src="img/book01.jpg" alt="示例图片">
                    </div>
                    <span class="figcaption">描述描述描述</span>
                  </a>
                </div>
                <div class="swiper-slide">
                  <a href="javascript:;">
                    <div class="figure">
                      <img src="img/book02.jpg" alt="示例图片">
                    </div>
                    <span class="figcaption">描述描述描述</span>
                  </a>
                </div>
                <div class="swiper-slide">
                  <a href="javascript:;">
                    <div class="figure">
                      <img src="img/book03.jpg" alt="示例图片">
                    </div>
                    <span class="figcaption">描述描述描述</span>
                  </a>
                </div>
              </div>
              <div class="pagination swiper-p1"></div>
            </div>
            <!-- 图片滑动模块 -->
            <!-- 科技·系统·硬件 -->
            <div class="tab technology" id="technology">
              <div class="tab-title">
                <ul class="nav">
                  <li class="nav-list active"><a href="javascript:;">科技</a></li>
                  <li class="nav-list"><a href="javascript:;">系统</a></li>
                  <li class="nav-list"><a href="javascript:;">硬件</a></li>
                </ul>
              </div>
              <div class="tab-body">
                <!-- ajax调入 -->
                <!-- <ul class="arc-item">
                  <li class="arc-title first"><a href="#">美航母巡弋航母巡弋航母巡弋南海 称四周都是中国军舰</a></li>
                  <li class="arc-title"><a href="#">美航母巡弋南海 称航母巡弋南海 称四周都是中国军舰</a></li>
                </ul> -->
              </div>
            </div>
            <!-- 科技·系统·硬件 -->
            <!-- 资源·视频·下载 -->
            <div class="tab resources" id="resources">
              <div class="tab-title">
                <ul class="nav">
                  <li class="nav-list active"><a href="javascript:;">资源</a></li>
                  <li class="nav-list"><a href="javascript:;">视频</a></li>
                  <li class="nav-list"><a href="javascript:;">下载</a></li>
                </ul>
              </div>
              <div class="tab-body">
                <!-- ajax调入 -->
                <!-- <ul class="arc-item">
                  <li class="arc-title first"><a href="#">美航母巡弋航母巡弋航母巡弋南海 称四周都是中国军舰</a></li>
                  <li class="arc-title"><a href="#">美航母巡弋南海 称航母巡弋南海 称四周都是中国军舰</a></li>
                </ul> -->
              </div>
            </div>
            <!-- 资源·视频·下载 -->
          </div>
          <div class="center-wrap">
            <!-- 新闻·资讯·动态 -->
            <div class="tab mt0 news" id="news">
              <div class="tab-title">
                <ul class="nav">
                  <li class="nav-list active"><a href="javascript:;">新闻</a></li>
                  <li class="nav-list"><a href="javascript:;">资讯</a></li>
                  <li class="nav-list"><a href="javascript:;">动态</a></li>
                </ul>
              </div>
              <div class="tab-body">
                <!-- ajax调入 -->
                <!-- <ul class="arc-item">
                  <li class="arc-title first"><a href="#">美航母巡弋航母巡弋航母巡弋南海 称四周都是中国军舰</a></li>
                  <li class="arc-title"><a href="#">美航母巡弋南海 称航母巡弋南海 称四周都是中国军舰</a></li>
                </ul> -->
              </div>
            </div>


          </div>
          <div class="right-wrap">
            <!-- 活动·图书馆·网图 -->
            <div class="tab mt0 activity" id="activity">
              <div class="tab-title">
                <ul class="nav">
                  <li class="nav-list active"><a href="javascript:;">活动</a></li>
                  <li class="nav-list"><a href="javascript:;">图书馆</a></li>
                  <li class="nav-list"><a href="javascript:;">网图</a></li>
                </ul>
              </div>
              <div class="tab-body">
                <!-- loading -->
                <!-- <div class="loading"><i class="loading-img"></i>数据加载中...</div> -->
                <!-- ajax调入 -->
                <!-- <ul class="arc-item">
                  <li class="arc-title first"><a href="#">美航母巡弋航母巡弋航母巡弋南海 称四周都是中国军舰</a></li>
                  <li class="arc-title"><a href="#">美航母巡弋南海 称航母巡弋南海 称四周都是中国军舰</a></li>
                </ul> -->
              </div>
            </div>
            <!-- 图片展示区 -->
            <div class="tab imgshow" id="imgshow">
              <div class="tab-title">
                <ul class="nav">
                  <li class="nav-list active"><a href="javascript:;">图片展示区</a></li>
                </ul>
              </div>
              <div class="tab-body">
                <div class="imgframe imgshowdiv1">
                  <a href="javascript:;">
                    <img src="img/imgshow1.jpg" alt="相册1">
                  </a>
                </div>
                <div class="imgframe imgshowdiv2">
                  <a href="javascript:;">
                    <img src="img/imgshow2.jpg" alt="相册2">
                  </a>
                </div>
                <div class="imgframe imgshowdiv3">
                  <a href="javascript:;">
                    <img src="img/imgshow3.jpg" alt="相册3">
                  </a>
                </div>
              </div>
            </div>
            <!-- 链接区 -->
            <div class="tab linkarea" id="linkarea">
              <div class="tab-title">
                <ul class="nav">
                  <li class="nav-list active"><a href="javascript:;">链接区</a></li>
                </ul>
              </div>
              <div class="tab-body">
                <!-- ajax调入 -->
                <!-- <ul class="arc-item">
                  <li class="arc-title first"><a href="#">美航母巡弋航母巡弋航母巡弋南海 称四周都是中国军舰</a></li>
                  <li class="arc-title"><a href="#">美航母巡弋南海 称航母巡弋南海 称四周都是中国军舰</a></li>
                </ul> -->
              </div>
            </div>
          </div>
        </div>
        <!-- 推荐图书 -->
        <div class="tab recommendedbooks" id="recommendedbooks">
          <div class="tab-title">
            <ul class="nav">
              <li class="nav-list active"><a href="javascript:;">推荐图书</a></li>
            </ul>
          </div>
          <div class="tab-body">
            <!-- 推荐图书滑动模块 -->
            <div class="recommendedbooks-wrap">
              <div class="swiper-container swiper-container2">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <div class="recommendedbooks-frame">
                      <!-- 一本书 -->
                      <a class="recommendedbooks-item" href="javascript:;">
                        <!-- 建议图片大小140pxX160px -->
                        <span class="img"><img src="img/book01.jpg" alt="book"></span>
                        <span class="title">自在独自在独自在独自在独自在独行</span>
                        <span class="writer">作者姓名</span>
                        <span class="sort">历史/传记</span>
                        <span class="publisher">北京清华大学出版社</span>
                      </a>
                      <!-- 一本书 -->

                      <a class="recommendedbooks-item" href="javascript:;">
                        <span class="img"><img src="img/book01.jpg" alt="book"></span>
                        <span class="title">自在独行</span>
                        <span class="writer">作者姓名</span>
                        <span class="sort">历史/传记</span>
                        <span class="publisher">北京清华大学出版社</span>
                    </a>
                      <a class="recommendedbooks-item" href="javascript:;">
                        <span class="img"><img src="img/book01.jpg" alt="book"></span>
                        <span class="title">自在独行</span>
                        <span class="writer">作者姓名</span>
                        <span class="sort">历史/传记</span>
                        <span class="publisher">北京清华大学出版社</span>
                    </a>
                      <a class="recommendedbooks-item" href="javascript:;">
                        <span class="img"><img src="img/book01.jpg" alt="book"></span>
                        <span class="title">自在独行</span>
                        <span class="writer">作者姓名</span>
                        <span class="sort">历史/传记</span>
                        <span class="publisher">北京清华大学出版社</span>
                    </a>
                      <a class="recommendedbooks-item" href="javascript:;">
                        <span class="img"><img src="img/book01.jpg" alt="book"></span>
                        <span class="title">自在独行</span>
                        <span class="writer">作者姓名</span>
                        <span class="sort">历史/传记</span>
                        <span class="publisher">北京清华大学出版社</span>
                    </a>
                      <a class="recommendedbooks-item" href="javascript:;">
                        <span class="img"><img src="img/book01.jpg" alt="book"></span>
                        <span class="title">自在独行</span>
                        <span class="writer">作者姓名</span>
                        <span class="sort">历史/传记</span>
                        <span class="publisher">北京清华大学出版社</span>
                    </a>
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="recommendedbooks-frame">
                      <!-- 一本书 -->
                      <a class="recommendedbooks-item" href="javascript:;">
                        <!-- 建议图片大小140pxX160px -->
                        <span class="img"><img src="img/book01.jpg" alt="book"></span>
                        <span class="title">自在独自在独自在独自在独自在独行</span>
                        <span class="writer">作者姓名</span>
                        <span class="sort">历史/传记</span>
                        <span class="publisher">北京清华大学出版社</span>
                      </a>
                      <!-- 一本书 -->

                      <a class="recommendedbooks-item" href="javascript:;">
                        <span class="img"><img src="img/book01.jpg" alt="book"></span>
                        <span class="title">自在独行</span>
                        <span class="writer">作者姓名</span>
                        <span class="sort">历史/传记</span>
                        <span class="publisher">北京清华大学出版社</span>
                    </a>
                      <a class="recommendedbooks-item" href="javascript:;">
                        <span class="img"><img src="img/book01.jpg" alt="book"></span>
                        <span class="title">自在独行</span>
                        <span class="writer">作者姓名</span>
                        <span class="sort">历史/传记</span>
                        <span class="publisher">北京清华大学出版社</span>
                    </a>
                      <a class="recommendedbooks-item" href="javascript:;">
                        <span class="img"><img src="img/book01.jpg" alt="book"></span>
                        <span class="title">自在独行</span>
                        <span class="writer">作者姓名</span>
                        <span class="sort">历史/传记</span>
                        <span class="publisher">北京清华大学出版社</span>
                    </a>
                      <a class="recommendedbooks-item" href="javascript:;">
                        <span class="img"><img src="img/book01.jpg" alt="book"></span>
                        <span class="title">自在独行</span>
                        <span class="writer">作者姓名</span>
                        <span class="sort">历史/传记</span>
                        <span class="publisher">北京清华大学出版社</span>
                    </a>
                      <a class="recommendedbooks-item" href="javascript:;">
                        <span class="img"><img src="img/book01.jpg" alt="book"></span>
                        <span class="title">自在独行</span>
                        <span class="writer">作者姓名</span>
                        <span class="sort">历史/传记</span>
                        <span class="publisher">北京清华大学出版社</span>
                    </a>
                    </div>
                  </div>
                  <div class="swiper-slide">
                    <div class="recommendedbooks-frame">
                      <!-- 一本书 -->
                      <a class="recommendedbooks-item" href="javascript:;">
                        <!-- 建议图片大小140pxX160px -->
                        <span class="img"><img src="img/book01.jpg" alt="book"></span>
                        <span class="title">自在独自在独自在独自在独自在独行</span>
                        <span class="writer">作者姓名</span>
                        <span class="sort">历史/传记</span>
                        <span class="publisher">北京清华大学出版社</span>
                      </a>
                      <!-- 一本书 -->

                      <a class="recommendedbooks-item" href="javascript:;">
                        <span class="img"><img src="img/book01.jpg" alt="book"></span>
                        <span class="title">自在独行</span>
                        <span class="writer">作者姓名</span>
                        <span class="sort">历史/传记</span>
                        <span class="publisher">北京清华大学出版社</span>
                    </a>
                      <a class="recommendedbooks-item" href="javascript:;">
                        <span class="img"><img src="img/book01.jpg" alt="book"></span>
                        <span class="title">自在独行</span>
                        <span class="writer">作者姓名</span>
                        <span class="sort">历史/传记</span>
                        <span class="publisher">北京清华大学出版社</span>
                    </a>
                      <a class="recommendedbooks-item" href="javascript:;">
                        <span class="img"><img src="img/book01.jpg" alt="book"></span>
                        <span class="title">自在独行</span>
                        <span class="writer">作者姓名</span>
                        <span class="sort">历史/传记</span>
                        <span class="publisher">北京清华大学出版社</span>
                    </a>
                      <a class="recommendedbooks-item" href="javascript:;">
                        <span class="img"><img src="img/book01.jpg" alt="book"></span>
                        <span class="title">自在独行</span>
                        <span class="writer">作者姓名</span>
                        <span class="sort">历史/传记</span>
                        <span class="publisher">北京清华大学出版社</span>
                    </a>
                      <a class="recommendedbooks-item" href="javascript:;">
                        <span class="img"><img src="img/book01.jpg" alt="book"></span>
                        <span class="title">自在独行</span>
                        <span class="writer">作者姓名</span>
                        <span class="sort">历史/传记</span>
                        <span class="publisher">北京清华大学出版社</span>
                    </a>
                    </div>
                  </div>
                </div>
                <div class="pagination swiper-p2"></div>
              </div>
            </div>
            <!-- 推荐图书滑动模块 -->
          </div>
        </div>
        <!-- 推荐图书 -->
        <!-- 客户分布 -->
        <div class="tab clientArea" id="clientArea">
          <div class="tab-title">
            <ul class="nav">
              <li class="nav-list active"><a href="javascript:;">客户分布</a></li>
            </ul>
          </div>
          <div class="tab-body">
            <div id="chinamap"></div>
            <!-- ajax调入数据 -->
            <div class="city-tab">
              <img src="" alt="city">
              <div class="cslnmap-citydata-name"></div>
                <ul class="cslnmap-datalist">
                  <!-- <li>图书馆：1</li>
                  <li>读者：258</li>
                  <li>馆藏数量：10,789</li>
                  <li>今日借书：0</li> -->
                </ul>
            </div>
          </div>
        </div>
        <!-- 客户分布 -->
      </div>
    </div>
  </div>
  <div class="footer">
    <a href="http://www.hd315.gov.cn/beian/view.asp?bianhao=010202008030500008" target="_blank">北京华夏网信科技有限公司 版权所有©|京ICP备11032106号|增值电信业务经营许可证：京B2-20170781|京公网安备 11010802024191号</a>
  </div>
  <div class="backtotop">
    <a href="#top"></a>
  </div>
</body>

</html>
